<template>
  <div id="app">
    <router-view v-wechat-title="$route.meta.title"></router-view>
  </div>
</template>

<script>
import { fullscreenToggel, reqFullScreen } from '@/utils/utils';
export default {
  name: 'App',
  computed: {
  },
  components: {
  },
  methods: {
  },
  mounted() {
    console.log('fullscreenToggel', fullscreenToggel);
    if (fullscreenToggel) {
      const h = this.$createElement;
      this.$msgbox({
        title: '温馨提示',
        message: h('p', null, [
          h('span', null, '最佳显示分辨率为：'),
          h('b', { style: 'color: red' }, '1920*1080'),
          h('span', null, '；为了能有一个最佳的显示效果，点击"开启全屏", 将进入全屏模式！')
        ]),
        showCancelButton: false,
        confirmButtonText: '开启全屏',
      }).then(action => {
        fullscreenToggel();
        this.$msgbox({
          title: '温馨提示',
          message: h('p', null, [
            h('span', null, '已进入全屏模式，按'),
            h('b', { style: 'color: red' }, 'ESC'),
            h('span', null, '键，即可退出全屏！')
          ]),
          showCancelButton: false,
          confirmButtonText: '我知道了',
        }).then(action => {

        });
      });
    }
  }
}
</script>

<style lang="scss" scoped></style>
